.me {
  .title-box {
    width: 100%;
    height: 180px;
    background: #fff;
    padding: 12px 16px;
    .avatar-box {
      display: flex;
      flex-direction: column;
      align-items: center;
      .avatar-col{
        display: flex;
        align-items: center;
        flex-direction: column;
        color: #fff;
      }
      .user-name {
        padding-top: 6px;
        color: #fff;
        font-size: 16px;
      }
      .upload-box{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 80px;
        height: 80px;
      }
      .upload-img {
        position: relative;
        width: 80px;
        height: 80px;
        overflow: hidden;
      }
      .sign-left {
        float: left;
        margin-top: 10px;
        color: #fff;
        font-size: 24px;
      }
      .sign-box {
        float: right;
        margin-top: 10px;
        width: 80px;
        border: 1px solid #fff;
        color: #fff;
        font-size: 14px;
        padding: 3px 10px;
        border-radius: 30px;
        display: flex;
        justify-content: space-around;
        align-items: center;
      }
      .sign-box2 {
        float: right;
        margin-top: 10px;
        border: none;
        color: #fff;
        font-size: 14px;
        padding: 0;
        border-radius: 0;
      }
      .bottom-box2 {
        // border: 1px solid #fff;
        border-radius: 50px;
        font-size: 12px;
        background-color: rgba(255,255,255,0.12);
        padding: 8px 20px;
        margin-top: 10px;
        span {
          font-size: 18px;
        }
      }
      .bottom-container {
        margin-top: 5px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 20px;
        .bottom-box {
          width: 132px;
          border-radius: 50px;
          padding: 5px 12px;
          border: 1px solid #fff;
          color: #fff;
          font-size: 12px;
          display: flex;
          justify-content: space-around;
          align-items: center;
          background-color: rgba(255,255,255,0.12);
        }
      }

    }
  }
  .detail-text {
    color: #4a4a4a;
    font-size: 14px;
    padding-top: 10px;
  }
  .content-box{
    .name-text {
      padding: 5px 16px;
      font-size: 14px;
      color: #9B9B9B;
      background-color: #eee;
    }
    .detailed-box {
      display: flex;
      flex-wrap: wrap;
      background-color: #fff;
      padding-bottom: 20px;
      .my-icon {
        width: 33.3333%;
        font-size: 14px;
        display: flex;
        align-items: center;
        flex-direction: column;
        padding: 20px 0 0 0;
        .my-text {
          // text-align: center;
          padding: 12px 12px 0;
        }
      }
    }
  }
  .none-style {
    display: flex;
    flex-direction: column;
  }
}

.hiddenInput {
  display: none;
}
